<%@taglib prefix="s" uri="/struts-tags"%> 
 
<s:form id="consultaConMasivaForm"
	theme="simple">
	<table width="100%">
		<tr>
			<td>
			<div id="pageTitle">Conciliaci&oacute;n Masiva Calendarios BBVA - Calendarios COFIDE</div>
			</td>
		</tr>
		<tr>
			<td>
			<table width="100%">
				<tr>
					<td class="ui-widget-content2">
					<div class="formpanel">
					<table>
					<tr>
					<td class="label">Fecha Inicio:</td>
					<td><s:textfield theme="simple" id="txtFechaInicio"
						name="conCalMasivBuscarDetalle.fechaInico" style="width:100px" 
						cssClass="validate[required]" readonly="true" /></td>
				</tr>
				<tr>	
					<td class="label">Fecha Fin:</td>
					<td><s:textfield theme="simple" id="txtFechaFin"
						name="conCalMasivBuscarDetalle.fechaFin" style="width:100px" 
						cssClass="validate[required]" readonly="true"/></td>
				</tr>

						
					</table>
					</div>
					</td>
				</tr>
				<tr>
					<td><s:submit value="Generar Conciliacion Masiva" id="btnGenerarConMasiva" 
						cssClass="ui-button ui-widget ui-state-default ui-corner-all" 
						action="initVistaPagPrincipal" />&nbsp;
						<input type="button" value="Limpiar" id="btnLimpiar"
						class="ui-button ui-widget ui-state-default ui-corner-all" />&nbsp;
					</td>
				</tr>
			</table>
			</td>
		</tr>
	</table>
</s:form>

<script language="JavaScript" type="text/javascript">
	$(document).ready(function() {
	$("#consultaConMasivaForm").validationEngine();
	$("#btnLimpiar").click(function(){
		limpiarForm();
	});
	$( "#txtFechaInicio" ).datepicker({ 
    							dateFormat: 'dd/mm/yy',
    							maxDate: "+0D",
    							showOn: "button",
							    buttonImage: "images/calendar.gif",
								buttonImageOnly: true,
								onSelect: function( selectedDate ) {
					        		$( "#txtFechaFin" ).datepicker( "option", "minDate", selectedDate );
					        		if($("#txtFechaInicio").val()!=''){
										$("#txtFechaInicio").removeClass("validate[required]").validationEngine('hide');
									}else{
										$("#txtFechaInicio").addClass("validate[required]");
									}
					   			}
	   			 });
    	$( "#txtFechaInicio" ).datepicker();
    	
    	$( "#txtFechaFin" ).datepicker({ 
    							dateFormat: 'dd/mm/yy',
    							maxDate: "+0D",
    							showOn: "button",
							    buttonImage: "images/calendar.gif",
								buttonImageOnly: true,
								onSelect: function( selectedDate ) {
				        			$( "#txtFechaInicio" ).datepicker( "option", "maxDate", selectedDate );
				        			if($("#txtFechaFin").val()!=''){
										$("#txtFechaFin").removeClass("validate[required]").validationEngine('hide');
									}else{
										$("#txtFechaFin").addClass("validate[required]");
									}
				     			}
     			 });
    	$( "#txtFechaFin" ).datepicker();
 	
	});
	function limpiarForm(){
		$("#txtFechaInicio").val("");
		$("#txtFechaFin").val("");
		$("#txtFechaFin").addClass("validate[required]");
		$("#txtFechaInicio").addClass("validate[required]");
	}
	
	
</script>